<g:if test="${flash.message}">
<div class="alert alert-info fade in">${flash.message}</div>
</g:if> 
<div class="alert alert-info fade in">Utenti con Ruolo : ${role.label}
<button type="button" class="btn btn-info btn-sm col-md-offset-1" id="add_user" onclick="showEditUser(-1,${role.id});">
	<i class="fa fa-plus-circle"></i>&nbsp;&nbsp;Aggiungi ${role.label} 
</button>
</div>
<div class="jarviswidget jarviswidget-color-darken" id="wid-id-0" data-widget-editbutton="false">
								
								<div>
				
									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->
				
									</div>
									<!-- end widget edit box -->
				
									<!-- widget content -->
									<div class="widget-body no-padding">
				
										<table id="dt_basic" class="table table-striped table-bordered table-hover" width="100%">
											<thead>			                
												<tr>
													
													<th >Username</th>
													<th >Nome</th>
													<th >Cognome</th>
													<th ></th>
												</tr>
											</thead>
											<tbody>
											<g:each  in="${users}" var="user">
												<tr>
													<td>${user.username}</td>
													<td>${user.name}</td>
													<td>${user.surname}</td>
												
													<td><span> <a href="#" style="color:red;" onclick="showCancelAlert(${user.id});"><i class="fa fa-lg fa-times-circle"></i></a> </span><span> <a href="#" onclick="showEditUser(${user.id},${role.id});"><i class="fa fa-lg fa-edit"></i></a> </span></td>
												</tr>	
											</g:each>
											
																							</tbody>
										</table>

									</div>
									<!-- end widget content -->
				
								</div>
								<!-- end widget div -->
				
							</div>
							